/* pages/home/index.wxss */
@import "../../styles/index.scss";

.box {
	position: relative;
	.swiper {
	  width: 750rpx;
	  height: 942rpx;
	  &-item {
		  overflow: hidden;
		}
		&-img {
			width: 100%;
	  	height: 100%;
		}
	}
	&-dots {
		position: absolute;
		left: 50%;
		bottom: 26rpx;
		transform: translateX(-50%);
		@include flex-center;
		&-item {
			border-radius: 5rpx;
			width: 76rpx;
			height: 10rpx;
			background-color: #bbb;
			&.active {
				background-color: #000;
			}
		}
	}
}

.table {
	padding: 44rpx 8rpx 6rpx;
	@include flex;
	flex-wrap: wrap;
	&-column {
		width: 728rpx;
		height: 94rpx;
		position: relative;
		@include flex-center;
		margin-bottom: 14rpx;
		.top,
		.right,
		.bottom,
		.left {
			position: absolute;
			background-color: #000;
		}
		.top,
		.bottom {
			width: 706rpx;
			height: 2rpx;
			left: 8rpx;
		}
		.left,
		.right {
			width: 2rpx;
			height: 82rpx;
			top: 6rpx;
		}
		.top {
			top: 0;
		}
		.bottom {
			bottom: 0;
		}
		.left {
			left: 0;
		}
		.right {
			right: 0;
		}
		.text {
			font-size: 28rpx;
			color: #000;
		}
	}
}